*{margin:0;padding:0}
body{font-family:sans-serif;height:100vh}
h1,h2,h3,h4,h5,h6{color:#2c3e50}
a{color:#e95420;text-decoration:none}
a:hover{text-decoration:underline}
a:active{text-decoration:underline}
ul{list-style:none;padding-left:0}
.button,[type=button],[type=submit],a.button,button{display:inline-block;background:#2c3e50;border:1px solid #2c3e50;color:#fff;text-decoration:none;padding:.25rem 1rem;vertical-align:middle;white-space:nowrap;cursor:pointer;margin:.25rem 0;font-size:.8em;border-radius:18px}
.button:hover,[type=button]:hover,[type=submit]:hover,a.button:hover,button:hover{background:#3e5771}
.button:disabled,[type=button]:disabled,[type=submit]:disabled,a.button:disabled,button:disabled{background:#aabdd1}
.button--link{display:table;font-size:1em;border:none;color:#e95420;background:0 0!important;padding:0!important;text-decoration:none;cursor:pointer}
.button--link:hover{text-decoration:underline}
.button--secondary{background:#507192;border:1px solid #507192}
.button--secondary:hover{background:#698aac}
.button--disabled{background:#aabdd1}
.form{margin:5px 0}.form fieldset{border:none}
.form legend{font-size:1em;font-weight:700;margin-bottom:10px}
.form label{font-size:1em;display:block;margin-bottom:8px}
.form input[type=date],.form input[type=datetime],.form input[type=email],.form input[type=number],.form input[type=password],.form input[type=search],.form input[type=text],.form input[type=time],.form input[type=url],.form select,.form textarea{background:rgba(255,255,255,.1);border:none;border-radius:4px;margin:0;outline:0;padding:5px;width:100%;background-color:#e8eeef;margin-bottom:5px;box-sizing:border-box;box-shadow:0 1px 0 rgba(0,0,0,.03) inset;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.03) inset}
.form input[type=date]:focus,.form input[type=datetime]:focus,.form input[type=email]:focus,.form input[type=number]:focus,.form input[type=password]:focus,.form input[type=search]:focus,.form input[type=text]:focus,.form input[type=time]:focus,.form input[type=url]:focus,.form select:focus,.form textarea:focus{background:#d2d9dd}
.form select{-webkit-appearance:menulist-button;height:35px}
.form .number{height:30px;width:30px;display:inline-block;font-size:.8em;margin-right:4px;line-height:30px;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.2);border-radius:15px 15px 15px 0}
.form__validation-summary{color:red;margin:10px 0;font-size:.8em}
.form__group{margin-bottom:10px}
.form__group label{font-weight:700}
.form__group span{color:red;font-size:.8em}
.pane{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:'pane-content pane-aside'}
.pane__content{grid-area:pane-content}
.pane__aside{grid-area:pane-aside;margin-left:10px}
@media (max-width:1024px){.pane{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:'pane-content' 'pane-aside'}
.pane__aside{margin-top:15px;margin-left:0}}
.header{grid-area:header;color:#fff;border-bottom:1px solid #2c3e50;padding:.5em 0;display:grid;grid-template-columns:500px 1fr;grid-template-rows:1fr;grid-template-areas:'logo login-info'}
.header__logo{grid-area:logo;display:flex;flex-direction:row;align-items:flex-start;align-self:center;font-weight:700;font-size:1.6em}
.header__login-info{grid-area:login-info;display:flex;flex-direction:row;align-self:center;justify-content:flex-end}
.header__login-info li{display:inline-block;padding-left:5px}
.content{grid-area:content;color:#333;background-color:#fff;overflow-y:auto;padding:1em 0}
.footer{grid-area:footer;height:auto;color:#333;background-color:#fff;padding:5px 0;border-top:1px solid #2c3e50;display:grid;grid-template-columns:300px 1fr;grid-template-rows:1fr;grid-template-areas:'footer-left footer-right';font-size:.8em}
.footer__left{grid-area:footer-left;display:flex;flex-direction:row;align-items:flex-start;align-self:center}
.footer__right{grid-area:footer-right;display:flex;flex-direction:row;align-items:flex-end;align-self:center;justify-content:flex-end}
.footer__right ul{display:inherit}
.footer__right ul li{margin-left:5px}
.footer__right ul li:hover{cursor:pointer}
.footer__right .selected-language{font-weight:700;color:#fff;padding:0 5px;background-color:#e95420}
.shell{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:'header' 'content' 'footer';height:100vh;width:75%;margin-left:auto;margin-right:auto}
@media (max-width:1024px){.shell{padding:0;width:90%}}
